<style>
    .Evaluation {
        border-bottom: 2px solid red;
    }
</style>
<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">评价</h1>
</div>

<div class="wrapper-sm">
    <div class="panel panel-default">
        <div class="wrapper-sm" ng-controller="carCommentController">

            <!--<label class="curpoint"> 全部（<label class="curpoint text-danger">{{total}}</label>）</label> /-->
            <label class="curpoint Evaluation" id="notEvaluation" ng-model="praiseCount" ng-click="notEvaluation()">未评（<label class="curpoint text-danger">{{notNum}}</label>）</label> /
            <label class="curpoint" id="haveEvaluation" ng-click="evaluate()">已评（<label class="curpoint text-danger">{{total}}</label>）</label>
            <div ng-if="commentIf">
                <div ng-repeat="item in dataArrList | orderBy:'-Time' track by $index">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="hbox">
                                <label class="pull-left text-base m-t-xs m-l-sm">序号</label><label class="col-md-4 text-base text-left m-t-xs">{{ item.index }}</label>
                                <label class="text-base m-t-xs">{{item.shippingDate}}</label>
                                <div class="col-md-3 pull-right">
                                    <!--<label class="pull-left bg-success inline label m-t-xs m-r" ng-show="true">已评</label>-->
                                    <label class="pull-left bg-warning inline label m-t-xs m-r" ng-show="true">未评</label>
                                </div>
                            </div>

                        </div>
                        <div class="panel-body">
                            <div class="hbox">
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">合同号</label> <label class="control-label text-left m-l-xs">{{item.contractNumber }}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">车牌号</label> <label class="control-label text-left m-l-xs">{{item.licenseNumber}}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">驾驶员姓名</label> <label class="control-label text-left m-l-xs">{{item.driverName}}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">驾驶员号码</label> <label class="control-label text-left m-l-xs">{{item.telephone}}</label>
                                </div>
                            </div>
                            <div class="col-md-3 form-group text-base">
                                <label ng-model="sss" class="m-l-sm">诚信度</label>
                                <span uib-rating ng-model="item.credibility" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                </span>
                                <b class="btn-link curpoint text-danger">({{item.credibility * 2 | numbersZero}})</b>
                            </div>

                            <div class="col-md-3 form-group text-base">
                                <label ng-model="ss">时效性</label>
                                <span uib-rating ng-model="item.timeliness" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'"></span>
                                <b class="btn-link curpoint text-danger">({{item.timeliness * 2 | numbersZero}})</b>
                            </div>
                            <div class="col-md-3 form-group text-base">
                                <label ng-model="ss">服务态度</label>
                                <span uib-rating ng-model="item.attitude" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'"></span>
                                <b class="btn-link curpoint text-danger">({{item.attitude * 2 | numbersZero}})</b>
                            </div>
                            <div class="col-md-3 form-group text-base">
                                <label ng-model="sss">运输价格</label>
                                <span uib-rating ng-model="item.pricing" max="5" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'"></span>
                                <b class="btn-link curpoint text-danger">({{item.pricing * 2 | numbersZero}})</b>
                            </div>

                            <div class="line line-dashed b-b line-lg"></div>
                            <div>
                                <textarea style="resize: none" class="form-control input-sm content" maxlength="500" ng-model="item.ratingContent" id={{item.ratingContent}} placeholder="请填写评价内容" name="content"></textarea>
                            </div>
                        </div>
                        <footer class="panel-footer text-right bg-light lter">
                            <button id="comment_evaluateSave" type="submit" class="btn btn-success" ng-click="evaluateSave(item)" ng-disabled="content.$invalid"><i class="fa fa-check-circle-o m-r-xs"></i>评价</button>
                        </footer>
                    </div>
                </div>
            </div>

            <div ng-if="!commentIf">
                    <!-- evaluateList -->
                <div ng-repeat="item in readEvaluateList track by $index ">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="hbox">
                                <label class="pull-left text-base m-t-xs m-l-sm">序号</label><label class="col-md-4 text-base text-left m-t-xs">{{ item.index }}</label>
                                <label class="text-base m-t-xs">{{item.shippingDate}}</label>
                                <div class="col-md-3 pull-right">
                                    <label class="pull-left bg-success inline label m-t-xs m-r" ng-show="true">已评</label>
                                    <!--<label class="pull-left bg-warning inline label m-t-xs m-r" ng-show="true">未评</label>-->
                                </div>
                            </div>

                        </div>
                        <div class="panel-body">
                            <div class="hbox">
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">合同号</label> <label class="control-label text-left m-l-xs">{{item.contractNumber}}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">车牌号</label> <label class="control-label text-left m-l-xs">{{item.licenseNumber}}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">驾驶员姓名</label> <label class="control-label text-left m-l-xs">{{item.driverName}}</label>
                                </div>
                                <div class="col-md-3 text-base">
                                    <label class="control-label pull-left">驾驶员号码</label> <label class="control-label text-left m-l-xs">{{item.telephone}}</label>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div class="col-md-3 form-group text-base">
                                    <label>诚信度</label>
                                    <span uib-rating ng-init="credibility=item.integrity/2" ng-model="item.integrityStar" read-only="isReadonly" max="max" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                    </span>
                                    <b class="text-danger">({{item.integrity}})</b>
                                </div>

                                <div class="col-md-3 form-group text-base">
                                    <label>时效性</label>
                                    <span uib-rating ng-init="timeliness=item.timeliness/2" ng-model="item.timelinessStar" read-only="isReadonly" max="max" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                    </span>
                                    <b class="text-danger">({{item.timeliness}})</b>
                                </div>
                                <div class="col-md-3 form-group text-base">
                                    <label>服务态度</label>
                                    <span uib-rating ng-init="attitude=item.attitude/2" ng-model="item.attitudeStar" read-only="isReadonly" max="max" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                    </span> <b class="text-danger">({{item.attitude}})</b>
                                </div>
                                <div class="col-md-3 form-group text-base">
                                    <label>运输价格</label>
                                    <span uib-rating ng-init="freight=item.pricing/2" ng-model="item.pricingStar" read-only="isReadonly" max="max" state-on="'fa fa-star text-warning'" state-off="'fa fa-star-o btn-link'">
                                    </span> <b class="text-danger">({{item.pricing}})</b>
                                </div>

                                <div class="line line-dashed b-b line-lg "></div>
                                <div>
                                    <textarea style="resize: none" class="form-control input-sm content" ng-model="item.ratingContent" ng-disabled="true" placeholder="请填写评价内容" name="content"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <ul uib-pagination items-per-page="max" ng-change="pageChanged(currentPage)" total-items="totalItems" ng-model="currentPage" class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;">
                <!--{{currentPage}}-->
            </ul>
        </div>
    </div>
</div>